<template>
  <div>
    <!-- <img src="https://car-cdn.varwey.com/topspace/2024/chess0115/share/share.jpg" alt="" @click="handleDownload"> -->
    <div class="tips" v-if="showTips">
      请点击右上角...在默认浏览器打开
    </div>
    <img src="/images/download-bg.jpg" alt="" @click=handleDownload>
  </div>
</template>

<script setup>
import { reactive } from 'vue';
import {clickOpenApp} from '../utils/appUtils'
import { ref } from 'vue';
function handleDownload() {
    clickOpenApp()
}
function is_wechat() {
  const ua = navigator.userAgent.toLocaleLowerCase()
  if (ua.match(/MicroMessenger/i)) {
    return true
  } 
  return false
}
const showTips = ref(is_wechat())
</script>

<style scoped>
.tips {
  position: absolute;
    text-align: center;
    top: 3vh;
    background: #f8f6fc;
    color: #333;
    border-radius: 36px;
    padding: 12px 20px;
    /* width: 86%; */
    left: 50%;
    transform: translateX(-50%);
    word-break: normal;
    font-size: 28px;
    white-space: nowrap;
}
img {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
}
</style>